// TODO：请补充代码

// $(() => {
//     $(".option").on('click', function () {
//         $(this).siblings().removeClass('active')
//         $(this).addClass('active')
//         console.log(1);
//     })
// });

// 原生实现
((doc) => {
    // 获取元素
    let option = doc.querySelectorAll('.option');

    // 初始化
    const init = () => {
        bindEvent();
    };

    // 绑定元素
    const bindEvent = () => {
        for (let i = 0; i < option.length; i++) {
            option[i].addEventListener('click', function () {
                handleOptionClick(this);
            });
        }
    };

    function handleOptionClick(e) {
        clearActive();
        e.classList.add('active');
    }

    // 清除其他active
    function clearActive() {
        for (let i = 0; i < option.length; i++) {
            option[i].classList.remove('active');
        }
    }

    init();
})(document);
